<template>
    <div class="short-video-wrap">
        <video-player 
            :url="videoUrl"
            :poster="poster"
            :duration="duration"
        />
    </div>
</template>

<script>
import VideoPlayer from '@/components/VideoPlayer'
export default {
    name: 'PostShortVideo',
    components: {
        VideoPlayer
    },
    props: {
        view: {
            type: Number
        },
        duration: {
            type: Number
        },
        videoUrl: {
            type: String
        },
        poster: {
            type: String
        }
    }
}
</script>

<style lang="scss" scoped>
    .short-video-wrap {
        padding: {
            left: 10px;
            right: 10px;
        }
        margin-bottom: 10px;
    }
</style>